.topBgImg {
  width: 100%;
}
.top_bg_cooperation_title,
.top_bg_cooperation_sub_title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.top_bg_cooperation_title {
  font-size: 60px;
  font-family: PingFang-SC-Bold;
  font-weight: 500;
  color: #f4f4f4;
  text-shadow: 0px 4px 8px rgba(152, 153, 155, 0.4);
  top: 220px;
}
.top_bg_cooperation_sub_title {
  font-size: 36px;
  font-family: PingFang-SC-Medium;
  font-weight: 300;
  color: #ffffff;
  top: 306px;
}
.desc_box_button {
  position: absolute;
  top: 384px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #b5b5b5;
  border-radius: 8px;
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.2s;
}
.desc_box_button:hover {
  top: 394px;
  cursor: pointer;
}
.centerBg {
  width: 100%;
  height: 410px;
  background-image: url(../assets/imgs/center_bg.png);
  background-size: cover;
  position: absolute;
  z-index: -1;
  left: 0;
  background-repeat: no-repeat;
}
.centerBg.center_bg_1 {
  top: 1522px;
  background-position: -90px 0;
}
.centerBg.center_bg_2 {
  top: 3104px;
  background-position: -30px 0;
}
.what_can_i {
  width: 754px;
  margin-top: 80px;
}
.what_can_i_txt {
  width: 300px;
  height: 28px;
  font-size: 30px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
  margin: 30px auto auto;
}
.cooperation_can_i_desc_box {
  position: relative;
  margin-top: 70px;
  margin-bottom: 190px;
}
.cooperation_can_i_desc_box .cooperation_can_i_desc {
  font-size: 30px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #4d4d4d;
  position: absolute;
}
.cooperation_can_i_desc_box .cooperation_can_i_desc .redSpan {
  color: #F9446B;
}
.cooperation_can_i_desc_box .cooperation_can_i_desc.desc1 {
  top: 64px;
  left: 322px;
}
.cooperation_can_i_desc_box .cooperation_can_i_desc.desc2 {
  top: 64px;
  right: 438px;
}
.cooperation_can_i_desc_box .cooperation_can_i_desc.desc3 {
  bottom: 28px;
  left: 546px;
}
.cooperation_can_i_desc_box .cooperation_can_i_desc.desc4 {
  bottom: 28px;
  right: 320px;
}
.cooperation_can_i_desc_box .cooperation_can_i_desc_img {
  width: 320px;
}
.tabs {
  border-bottom: 4px solid #656565;
  padding-bottom: 10px;
  width: 1100px;
  display: flex;
  margin: 0 auto;
  position: relative;
}
.tabs .tab {
  width: 549px;
  font-size: 48px;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  color: #4d4d4d;
  display: inline-block;
  border-right: 2px solid #999999;
  cursor: pointer;
}
.tabs #lastTab {
  border-right: none;
}
.tabs .tabLine {
  width: 550px;
  border-bottom: 4px solid #F9446B;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 99;
  display: block;
}
.tabs .tabLine.active {
  left: 50%;
}
.tabBox {
  width: 100%;
  text-align: left;
}
.tabBox .tabbox1_desc_title {
  margin-top: 122px;
  font-size: 48px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #4d4d4d;
  display: block;
  position: relative;
  margin-bottom: 66px;
  width: 672px;
}
.tabBox .tabbox1_desc_title.tabbox2_desc_title {
  width: 340px;
}
.tabBox .tabbox1_desc_title .tabbox1_desc_title_circle {
  width: 30px;
  height: 30px;
  border: 8px solid #f1755a;
  border-radius: 50%;
  position: absolute;
  top: -23px;
  right: -56px;
}
.tabBox .tabbox1_desc_title.sub_title {
  width: 364px;
  font-size: 36px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #4d4d4d;
  margin-top: 90px;
  margin-left: 200px;
  margin-bottom: 70px;
}
.tabBox .tabbox1_desc_title.sub_title .tabbox1_desc_title_circle {
  width: 28px;
  height: 28px;
  border: 6px solid #f1755a;
  border-radius: 50%;
  position: absolute;
  top: -22px;
  right: -52px;
}
.tabBox .box1 {
  display: flex;
}
.tabBox .box1 .tabbox1_img {
  margin-top: 94px;
  margin-left: 172px;
  display: inline-block;
  margin-right: 46px;
  width: 620px;
  height: 474px;
}
.tabBox .box1 .tabbox1_img.tabbox2_img {
  margin-left: 324px;
}
.tabBox .box1 .tabbox1_desc {
  display: inline-block;
}
.tabBox .box1 .tabbox1_desc .tabbox1_desc_num {
  display: inline-block;
  vertical-align: middle;
  font-size: 48px;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  color: #f1755a;
  margin-left: 50px;
  margin-right: 26px;
}
.tabBox .box1 .tabbox1_desc .tabbox1_desc_txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #4d4d4d;
}
.tabBox .box2 {
  width: 100%;
  margin-bottom: 172px;
}
.tabBox .box2 .box2_span {
  width: 336px;
  height: 42px;
  background: #f1755a;
  display: inline-block;
  text-align: center;
  line-height: 42px;
  font-size: 24px;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-left: 180px;
}
.tabBox .box2 .box2_span.span1 {
  margin-left: 276px;
}
.tabBox .box2 .box2_span.span4 {
  margin-left: 520px;
}
.tabBox .box2 .box2_span.span5 {
  margin-left: 208px;
}
.tabBox .box3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tabBox .box3 .tabbox3_img,
.tabBox .box3 .tabbox3_desc {
  display: inline-block;
}
.tabBox .box3 .tabbox3_desc {
  margin-left: 413px;
  margin-top: 110px;
}
.tabBox .box3 .tabbox3_desc .tabbox3_desc_num {
  width: 136px;
  height: 74px;
  text-align: center;
  line-height: 74px;
  border-radius: 50%;
  background: #f1755a;
  color: #FFFFFF;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.tabBox .box3 .tabbox3_desc .tabbox3_desc_txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #4d4d4d;
}
.tabBox .box3 .tabbox3_img {
  width: 588px;
  margin-right: 342px;
}
.tabBox .box4 {
  width: 100%;
  position: relative;
  margin-top: 105px;
}
.tabBox .box4 .tabbox4_bgimg {
  width: 100%;
  display: block;
  margin-top: 10px;
}
.tabBox .box4 .tabbox4_step_img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.tabBox .box4 .tabbox4_txt {
  font-size: 18px;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #4c4c4c;
  position: absolute;
}
.tabBox .box4 .tabbox4_txt.tabbox4_txt_1 {
  top: 277px;
  left: 298px;
}
.tabBox .box4 .tabbox4_txt.tabbox4_txt_2 {
  top: 137px;
  left: 608px;
}
.tabBox .box4 .tabbox4_txt.tabbox4_txt_3 {
  top: 297px;
  left: 1068px;
}
.tabBox .box4 .tabbox4_txt.tabbox4_txt_4 {
  right: 530px;
  top: 10px;
}
.tabBox .box4 .tabbox4_txt p {
  margin: 0;
}
.tabBox .box4 .tabbox4_txt .fly_txt {
  font-size: 36px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
.tabBox .box4 .tabbox4_txt .fly_bottom_txt {
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
}
.partner_box1 {
  width: 100%;
  height: 381px;
  box-sizing: border-box;
  position: relative;
}
.partner_box1 .img {
  position: absolute;
  top: 82px;
  left: 50%;
  transform: translateX(-50%);
  width: 1657px;
}
.partner_box1 .title {
  position: absolute;
  top: 88px;
  text-align: center;
  width: 100%;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 36px;
}
.partner_box1 .title .red {
  color: #F9446B;
}
.partner_box2 {
  width: 100%;
  height: 542px;
  background: #fafafa;
  box-sizing: border-box;
  position: relative;
}
.partner_box2 .cardBox {
  position: absolute;
  top: -129px;
  left: 50%;
  transform: translateX(-50%);
  width: 1042px;
  height: 602px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner_box2 .cardBox .left {
  width: 350px;
  height: 100%;
  margin-right: 4px;
  position: relative;
  padding-top: 31px;
  padding-left: 32px;
  padding-right: 40px;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 2px 1px 0px rgba(51, 51, 51, 0.25);
  overflow: hidden;
}
.partner_box2 .cardBox .left p {
  margin: 0;
  text-align: left;
}
.partner_box2 .cardBox .left p.title {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4d4d4d;
}
.partner_box2 .cardBox .left p.desc {
  margin-top: 40px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 30px;
  text-align: left;
}
.partner_box2 .cardBox .left p.desc .red {
  color: #F9446B;
}
.partner_box2 .cardBox .left p.num {
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4d4d4d;
  margin-top: 10px;
}
.partner_box2 .cardBox .left img {
  position: absolute;
}
.partner_box2 .cardBox .left img.img1 {
  width: 378px;
  left: -62px;
  bottom: -87px;
}
.partner_box2 .cardBox .left img.img2 {
  top: 263px;
  right: 31px;
  width: 49px;
}
.partner_box2 .cardBox .right {
  width: 688px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.partner_box2 .cardBox .right .top,
.partner_box2 .cardBox .right .middle,
.partner_box2 .cardBox .right .bottom {
  width: 688px;
  height: 198px;
  background: #ffffff;
  box-shadow: 0px 2px 1px 0px rgba(51, 51, 51, 0.25);
  position: relative;
  box-sizing: border-box;
  padding-top: 34px;
  padding-left: 42px;
}
.partner_box2 .cardBox .right .top p,
.partner_box2 .cardBox .right .middle p,
.partner_box2 .cardBox .right .bottom p {
  margin: 0;
  text-align: left;
}
.partner_box2 .cardBox .right .top .title,
.partner_box2 .cardBox .right .middle .title,
.partner_box2 .cardBox .right .bottom .title {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4d4d4d;
  margin-bottom: 18px;
}
.partner_box2 .cardBox .right .top .desc,
.partner_box2 .cardBox .right .middle .desc,
.partner_box2 .cardBox .right .bottom .desc {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 30px;
}
.partner_box2 .cardBox .right .top .desc .red,
.partner_box2 .cardBox .right .middle .desc .red,
.partner_box2 .cardBox .right .bottom .desc .red {
  color: #F9446B;
}
.partner_box2 .cardBox .right .top .num,
.partner_box2 .cardBox .right .middle .num,
.partner_box2 .cardBox .right .bottom .num {
  position: absolute;
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #4d4d4d;
  top: 30px;
  right: 52px;
}
.partner_box2 .cardBox .right .top .img,
.partner_box2 .cardBox .right .middle .img,
.partner_box2 .cardBox .right .bottom .img {
  position: absolute;
  top: 70px;
  left: 602px;
}
.partner_box2 .cardBox .right .top .img.img1,
.partner_box2 .cardBox .right .middle .img.img1,
.partner_box2 .cardBox .right .bottom .img.img1 {
  width: 32px;
}
.partner_box2 .cardBox .right .top .img.img2,
.partner_box2 .cardBox .right .middle .img.img2,
.partner_box2 .cardBox .right .bottom .img.img2 {
  width: 33px;
}
.partner_box2 .cardBox .right .top .img.img3,
.partner_box2 .cardBox .right .middle .img.img3,
.partner_box2 .cardBox .right .bottom .img.img3 {
  width: 34px;
}
.partner_box3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 91px;
}
.partner_box3 .left {
  width: 577px;
  margin-right: 94px;
}
.partner_box3 .right .title,
.partner_box3 .right .desc {
  margin: 0;
  text-align: left;
}
.partner_box3 .right .title {
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #4d4d4d;
  position: relative;
  margin-bottom: 42px;
}
.partner_box3 .right .title .color {
  color: #F1755A;
}
.partner_box3 .right .title .circle {
  width: 20px;
  height: 20px;
  border: 6px solid #f1755a;
  border-radius: 50%;
  position: absolute;
  top: -10px;
}
.partner_box3 .right .desc {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 48px;
}
.partner_box4 {
  margin-top: 32px !important;
  margin-bottom: 62px !important;
}
.partner_box4 .tabbox4_txt {
  font-size: 18px !important;
  font-family: PingFang SC !important;
  font-weight: 400 !important;
  color: #4d4d4d !important;
  line-height: 28px !important;
}
.partner_box4 .tabbox4_txt.tabbox4_txt_1 {
  top: 267px !important;
}
.partner_box4 .tabbox4_txt.tabbox4_txt_2 {
  top: 107px !important;
}
.partner_box4 .tabbox4_txt.tabbox4_txt_3 {
  top: 287px !important;
}
.partner_box4 .tabbox4_txt.tabbox4_txt_4 {
  right: 490px !important;
}
.partner_box4 .tabbox4_txt .fly_txt {
  font-size: 36px !important;
  font-family: PingFang SC !important;
  font-weight: 500 !important;
  color: #4d4d4d !important;
}
.partner_box4 .tabbox4_txt .fly_txt .red {
  color: #F9446B !important;
}
.partner_box4 .tabbox4_txt .fly_bottom_txt {
  font-size: 18px !important;
  font-family: PingFang SC !important;
  font-weight: 400 !important;
  color: #4d4d4d !important;
}
